@import 'theme';
@import 'functions';
@import 'mixins';
$cx-product-details-margin-bottom: 40px !default;
$cx-product-details-tab-title-color: 'text' !default;
$cx-product-details-tab-content-background-color: 'background' !default;
$cx-product-details-tab-title-trbl-padding: 0 20px 0 20px !default;
$cx-product-details-tab-content-trbl-padding: 3rem 8rem !default;

cx-product-summary {
  margin-bottom: $cx-product-details-margin-bottom;
}

.cx-product-details {
  &__tab-title {
    @include type('3');
    @include var-color('color', $cx-product-details-tab-title-color);
    padding: $cx-product-details-tab-title-trbl-padding;
    font-weight: $font-weight-normal;
  }
  &__tab-section {
    @include type();
    @include var-color(
      'background-color',
      $cx-product-details-tab-content-background-color
    );
    padding: $cx-product-details-tab-content-trbl-padding;
  }
}
